<template>
  <basic-container>
    <el-tabs v-model="activeName" class="demo-tabs">
      <el-tab-pane label="签署记录" name="first" >
        <sign-table v-if="activeName === 'first'"></sign-table>
      </el-tab-pane>
      <el-tab-pane label="导出记录" name="second" >
        <use-table v-if="activeName === 'second'"></use-table>
      </el-tab-pane>
    </el-tabs>
  </basic-container>
</template>

<script setup>
import {ref,getCurrentInstance} from 'vue';
import SignTable from './SignEvidence/SignTable.vue';
import UseTable from './UseEvidence/UseTable.vue';

const {proxy} = getCurrentInstance()

const activeName = ref("first")


</script>

<style scoped>
/deep/ .el-card__body {
  padding: 20px 60px;
}
/* 表格样式 */
/deep/ .el-table{
  margin-top: 10px;
}
/deep/ .el-table th{
  border-bottom: 1px solid #e8eaec !important;
}
/deep/ .el-table__header-wrapper th{
  background: #f8f8f9;
  color: #515a6e;
}
/deep/ .el-tabs__item.is-active{
  color: #1063f1;
}
/deep/ .el-tabs__active-bar{
  background-color: #1063f1;
  margin-left: -20px;
  padding: 0 20px;
}
/deep/ .el-tabs__item.is-top:nth-child(2){
  padding-left: 20px;
}
/deep/ .el-tabs__item:hover{
  color: #1063f1;
}
/deep/ .el-tabs__nav-wrap::after {
  background-color: #e6e6e6;
}
/deep/ .el-pagination{
  margin: 30px 0 10px 0;
}
</style>
